<template>
    <div>
      {{ str }}
      <button @click="btn">按钮</button>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        uanme: "李易峰",
        age: "18",
      };
    },
    // computed 计算属性
    // 计算属性名：  {
    //   return ：值
    // }
    // 计算属性有缓存，只有依赖项不发生改变，就不会从新计算
    computed: {
      str() {
        console.log("执行了computed");
        return this.uanme + "&" + this.age;
      },
    },
    methods: {
      btn() {
        this.this;
      },
      num() {
        console.log("执行了methods");
        return this.uanme + "&##" + this.age;
      },
    },
  };
  </script>
  
  <style>
  </style>